<script setup lang="ts">
const props = defineProps({
    title: {
        type: String, 
        default: '租' 
    },
    bgColor: {
        type: String, 
        default: '#000000' 
    },
    width: { 
        type: Number || String,  
        default: '100%'
    }
});

</script>

<template>
    <view class="hire" :style="{background: bgColor}">
        <slot></slot>
        <text class="hire-text">{{ title }}</text>
        <u-icon name="arrow-right" :size="10" color="#ffffff"></u-icon>
    </view>
</template>
<style lang="scss" scoped>
.hire{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6rpx 0 14rpx;
    height: 53rpx;
    width:100%;
    border-radius: 31rpx;
    &-text{
        font-family: Alibaba PuHuiTi;
        line-height: 53rpx;
        font-weight: 800;
        font-size: 27rpx;
        color: #FFFFFF;
    }
}
</style>
